.list{
	padding:30px 20px 100px;
}
.article_list{
	width: 100%;
	margin: 0 auto 0;
	>ul li{
		border:1px solid #e2e2e2;
		padding: 25px;
		margin-bottom: 10px;
		background: #fff;
		.imgbox{
			display: block;
			float: left;
			width: 170px;
			height: 110px;
			border:1px solid transparent;
			img{
				width: 100%;
				height: 100%;
			}
		}
		.article_p{
			margin-left: 20px;
			padding-left: 170px;
			margin-top: 3px;
			.title{
				font-size: 20px;
				color: #2b2b2b;
				line-height: 27px;
				display: block;
				font-weight: bold;
				span{
					display: inline-block;
					max-width: 92%;
					overflow: hidden;
					text-overflow: ellipsis;
	    			white-space: nowrap;
	    			font-size: 20px;
	   				color: #2b2b2b;
				}
				i{
					width: 28px;
					display: inline-block;
					height: 12px;
					vertical-align: top;
					background: url(../images/new.gif)no-repeat center center;
				}
				
			}
			
			
			
		
			p{
				font-size: 14px;
				color: #464646;
				line-height: 24px;
				height: 48px;
				overflow: hidden;
				margin: 5px 0;
			}
			span{
				font-size: 12px;
				color: #8f8f8f;
				i{
					font-style: normal;
					&.num{
						margin-left:15px;			
					}				
				}
			}
			&.notice{
				padding-left: 0;
				margin-left: 0;
				.title span{
					max-width: 95%;
				}
			}
		}
		&:hover{
			box-shadow: 0 0 20px #CCC;
			.imgbox{
				border:1px solid #09b8ea;
			}
			.title{
				color:#09b8ea;
			}
		}
	}
	
}
.detail{
	color: #09b8ea;
    font-size: 14px;
    float: right;
    display: block;
    margin-right: 10px;
    cursor: pointer;
}
.bo_list{
	&.policy{
		float: none!important;
		width: 100%!important;
		.li{
			li{
				height: 50px!important; 
				line-height: 50px!important;
				background-position: 0 22px!important;
				a{
					font-size: 15px!important;
				}
				.download{
					padding-right: 170px!important;
				}
				span{
					font-size: 13px!important;
				}
				.date{
					right: 80px!important;
				}
				button{
					height: 30px;
					line-height: 30px;
					width: 60px;
					display: inline-block;
					position: absolute;
					right: 0;
					top: 10px;
					font-size: 15px;
					color: #2b2b2b;
					border:1px solid #ccc;
					background: none;
					border-radius: 5px;
				}
				button:hover{
					color: #09B8EA;
					border: 1px solid #09B8EA;
				}
				button:focus{ outline: none; } 
			}
		}
	}	
}
.pager {
    padding: 20px 0 0 0;
    text-align: center;
    height: 31px;
    >div {
	    display: inline-block;
	    text-align: center;
	}
	a, span {
	    font-size: 12px;
	    position: relative;
	    float: left;
	    padding: 6px 12px;
	    margin-left: -1px;
	    line-height: 1.42857143;
	    /*color: #337ab7;*/
	    text-decoration: none;
	    background-color: #fff;
	    border: 1px solid #ddd;
	    &:first-child {
		    margin-left: 0;
		    border-top-left-radius: 4px;
		    border-bottom-left-radius: 4px;
		}
	}
	a:hover {
	    color: #337ab7;
	    background-color: #eee;
	}
	span.disabled {
	    color: #999;
	}
	span.current {
	    z-index: 2;
	    color: #fff;
	    cursor: default;
	    background-color: #337ab7;
	    border-color: #337ab7;
	}
}


